@charset "utf-8";

html,body {height:100%;}
.gzcx-wrap {width: 100%;height: 100%;min-height: 31rem;background: url(../images/gzcx/gzcx_02.jpg) center top no-repeat #f3f5f7; background-size: 100% auto; position: relative;}
.gzcx-wrap .login-wrap {position: absolute;top: 6rem;left: .8rem;right: .8rem;bottom: .8rem;}
.gzcx-wrap .login {width: 100%;position: absolute;top: 0;left: 0;bottom: 0;background: #fff;border-radius: .5rem;padding: 1rem;box-shadow:0 0 8px #eee;}
.gzcx-wrap .login .input-wrap {height: 1.8rem;margin-bottom: .9rem;line-height: 1.8rem;font-size: .7rem;}
.gzcx-wrap .login .input-wrap > input,.gzcx-wrap .login .input-wrap > select {width: 10rem;height: 1.8rem;float: right;background: #f3f5f7;border-radius: .5rem;padding: 0 .5rem;text-align: right;border: 0;font-size: .7rem;}
.gzcx-wrap .login .input-wrap > span {float: right;}
.gzcx-wrap .login .butt {border-radius: .5rem;height: 2rem;line-height: 2rem;position: absolute;bottom: 1rem;left: 1rem;right: 1rem;text-align: center;color: #fff;font-size: .7rem;display: block;background-image: linear-gradient(to right, #ef7442, #e03d28);}

.gzcx-txt-wrap {width: 100%;height: 100%;min-height: 25rem;background: #f3f5f7; position: relative;}
.gzcx-txt-wrap .title {height: 2rem;background: #fff;line-height: 2rem;text-align: center;font-size: .8rem;font-weight: bold;position: fixed;top: 0;width: 100%;z-index: 10;box-shadow:0 0 8px #ccc;}
.gzcx-txt-wrap .txt-wrap {position: absolute;top: 2.8rem;left: .8rem;right: .8rem;background: #fff;border-radius: .5rem;padding: .5rem 1rem;box-shadow:0 0 8px #eee;}
.gzcx-txt-wrap .txt-wrap > div {height: 1.7rem;line-height: 1.7rem;border-top: 1px solid #e5e5e5;font-size: .7rem;color: #999;}
.gzcx-txt-wrap .txt-wrap > div:first-child {border-top: 0;}
.gzcx-txt-wrap .txt-wrap > div > span {float: right;color: #333;}
.gzcx-txt-wrap .foot {position: absolute;bottom: 1.2rem;left: .8rem;right: .8rem;text-align: center;font-size: .7rem;color: #333;}